<template>
	<view style="background-color: white;">
		<view class="top">
			<view class="top1">
				收货人
			</view>
			<input class="top1-input" type="text" placeholder="输入收货姓名">
		</view>
		<view class="xian"></view>
		<view class="top">
			<view class="top1">
				联系电话
			</view>
			<input class="top1-input" type="text" placeholder="输入联系电话">
		</view>
		<view class="xian"></view>
		<view class="top" style="justify-content: space-between;">
			<view class="top1">
				所在地区
			</view>
			<view class="top1-xz">
				<view class="top1-xz1text">
					请选择
				</view>
				<image class="top1-xz1img" src="/static/img/youfh.png" mode=""></image>
			</view>
		</view>
		<view class="xian"></view>
		<view class="top" style="justify-content: space-between;">
			<view class="top1">
				街道
			</view>
			<view class="top1-xz">
				<view class="top1-xz1text">
					请选择
				</view>
				<image class="top1-xz1img" src="/static/img/youfh.png" mode=""></image>
			</view>
		</view>
		<view class="xian"></view>
		<view class="top">
			<view class="top1">
				详细地址
			</view>
			<view class="">

			</view>

		</view>
		<view class="" style=" height: 100rpx;width: 10rpx;"></view>
		<view class="xian111"></view>
		<view class="top" style="justify-content: space-between;">
			<view class="topbut">
				设为默认地址
			</view>
			<view class="top1-xz">

				<image class="top1-xz1img1" src="/static/img/kg.png" mode=""></image>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.top {
		display: flex;
		align-items: center;
		width: 92vw;
		margin: 0 auto;
		padding: 20rpx 0;
	}

	.top1 {
		width: 128rpx;
		font-size: 32rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #373737;
		/* line-height: 0px; */
	}

	.top1-input {
		margin-left: 28rpx;
	}

	.top1-xz {
		display: flex;
		align-items: center;
	}

	.top1-xz1text {
		font-size: 30rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #999999;
	}

	.top1-xz1img {
		width: 12rpx;
		height: 24rpx;
		margin-left: 40rpx;
	}

	.xian {
		/* margin: 20rpx 0; */
		width: 750rpx;
		height: 0px;
		opacity: 1;
		border: 1rpx solid #F0F0F0;
	}

	.xian111 {
		width: 750rpx;
		height: 20rpx;
		background: #F3F3F2;
		border-radius: 0px 0px 0px 0px;
		opacity: 1;
	}

	.topbut {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #000000;
		/* line-height: 0px; */
	}

	.top1-xz1img1 {
		width: 76rpx;
		height: 42rpx;
	}
</style>
